<template>
  <v-group @transformend="handleTransformEnd" :config="config">
    <v-circle
      :config="{
        x: 0,
        y: 0,
        radius: 50,
        fill: 'green',
      }"
    >
    </v-circle>
    <v-circle
      :config="{
        x: 150,
        y: 150,
        radius: 50,
        fill: 'red',
      }"
    ></v-circle>
  </v-group>
</template>
<script>


export default {
  name: "XTwoCircles",
  props: {
    config: {
      type: Object
    }
  },
  methods: {
    handleTransformEnd (...p) {
      this.$emit('transformend', ...p)
    },
  },
}
</script>
